<!DOCTYPE html>
<!-- saved from url=(0014)about:internet -->

<html>
<head>
<title>WorkerTrack - Registration Form</title>
<link rel="stylesheet" type="text/css" href="../CSS/style.css" media="all" />
<link rel="stylesheet" type="text/css" href="../CSS/regemployer.css" media="all" />
<link rel="stylesheet" type="text/css" href="../CSS/buttonIE.css" media="all" />

<script type="text/javascript" src="../JQuery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="../JavaScript/regemployer.js"></script>
</head>
<body onload="init();">  
	<div id="header">
			<div id="logolarge">
				<a href="../index.html"><img src="../images/logolarge.jpg" alt="" /></a>		
			</div>		
			<ul>
				<li><a href="../index.html"><span>home</span></a></li>
				<li class="selected"><a href="regemployer.html"><span>Register</span></a></li>		
			</ul>
	</div>
	<div id="body">
	  <div id="pic">	</div> 
	  <div class="register">
			<h1>Registration</h1>
			<div id="content">
		<form name="myForm" action="../PHP/register.php" onsubmit="return validateForm();" method="post">
        <fieldset>
          <legend>
            <h2>Personal Details</h2>
          </legend>
          <ol>
            <li>
              <label id="companyname">
                Company Name:
              </label>
              <input id="cname" name="cname" class="text" type="text" onChange="val_cname();"/>
            </li>
            <div id="companynameerror">
            Company Name Error
			</div>
            <li>
              <label for="companyfield">
               Company Field:
              </label>
              <input id="cfield" name="cfield" class="text" type="text" onchange="val_cfield();"/>
            </li>
            <div id="companyfielderror">
            Company Field Error
			</div>
               
            <li>
              <label for="email">
                Email address:
              </label>
              <input id="email" name="email" class="text" type="text" onchange="val_email();" />
            </li>
            <div id="emailerror">
              Email Error
			</div>
            
			<li>
				<label for="city"> 
				City: 
				</label> 
				<input id="city" name="city" class="text" type="text" onchange="val_city();"/>
			</li>
			<div id="cityerror">
              City Error
			</div>
			<li>
				<label> 
				Zip Code: 
				</label> 
				<input id="zip" name="zip" class="text" type="text" onchange="val_zipcode();"/>
			</li>
			<div id="zipcodeerror">
              Zip Code Error
			</div>
			<li>
				<label> 
				Full St. Address: 
				</label> 
				<input id="address" name="address" class="text"type="text" onchange="val_add();"/>
			</li>
			<div id="addresserror">
              Address Error
			</div>
            <li>
              <label for="phone">
                Cellphone Number:
              </label>
              <input id="cell" name="cell" class="text" type="text" onchange="val_cell();" />
            </li>
            <div id="cellerror">
              Cell Phone Error
			</div>
			<li>
            	<label for="paymenttype"> 
            	Payment Type: 
            	</label> 
            	<select id="payment">
				<option value="single">Weekly</option>
				<option value="married">Monthly</option>
				<option value="married">Yearly</option>
				</select>
			</li>
			
			<div id="passworderror">
              Password Error
			</div>
			<div id="confpasserror">
			  Confirm Password Error
			</div>
          </ol>
        </fieldset>
        <fieldset>
          <legend>
            <h2>Login Details</h2>
          </legend>
          <div id="usernameerror">
             <img id="yes" alt="" src="../images/no.jpg">
			<label id="lbl_unav">Username taken</label>
		  </div>
          <div id="username_av">
          	<img id="yes" alt="" src="../images/yes.jpg">
			<label id="lbl_unav">Username available</label>
		  </div>
		  <div id="username_chars">
		  	Special chars are invalid
		  </div>
		  <div id="load">
		  	<img alt="" src="../images/load.gif">
		  </div>
          <ol>
          	<li>
          		<label for="username">
          		Username:
          		</label>
          		<input id="uname" name="uname" class="text" type="text" onchange="val_un();"/>
          	</li>
          	
            <li>
              <label for="password">
                Password:
              </label>
              <input id="pass" name="pass" class="password" type="password"/>
            </li>
            
            <li>
              <label for="confirmPassword">
                Confirm Password:
              </label>
              <input id="passconfirm" name="passconfirm" class="password" type="password" onblur="val_confpass();" />
            </li>
          </ol>
        </fieldset>
        <fieldset class="submit">
          <input type="submit" value="Register" class="button" name="button"/>
        </fieldset>
      </form>

    </div><!-- END #content -->

   </div>
  </div>

 <!-- END #page -->
	</body>
</html>